<template>
	<view class="container">
		<view>
			<desc-wrapper :title="title" :desc="desc"></desc-wrapper>

			<z-card title="天格">
				<block v-if="resp">
					<view class="card-content-item">
						<text class="card-content-label_left ">测算姓名:</text>
						<text class="card-content_right card-text-red">{{resp.name}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left ">天格:</text>
						<text class="card-content_right">{{resp['天格']}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left ">天格数理:</text>
						<text class="card-content_right">{{resp['天格描述'].title}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left shrink-0 ">天格的解析:</text>
						<text class="card-content_right">{{resp['天格描述'].desc}}</text>
					</view>
				</block>

			</z-card>
			<z-card title="地格">
				<block v-if="resp">
					<view class="card-content-item">
						<text class="card-content-label_left ">地格:</text>
						<text class="card-content_right card-text-red">{{resp['地格']}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left ">地格数理:</text>
						<text class="card-content_right">{{resp['地格描述'].title}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left shrink-0 ">地格的解析:</text>
						<text class="card-content_right">{{resp['地格描述'].desc}}</text>
					</view>

				</block>

			</z-card>
			<z-card title="人格">
				<block v-if="resp">
					<view class="card-content-item">
						<text class="card-content-label_left ">人格:</text>
						<text class="card-content_right card-text-red">{{resp['人格']}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left ">人格数理:</text>
						<text class="card-content_right">{{resp['人格描述'].title}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left shrink-0 ">人格的解析:</text>
						<text class="card-content_right">{{resp['人格描述'].desc}}</text>
					</view>

				</block>

			</z-card>
			<z-card title="总格">
				<block v-if="resp">
					<view class="card-content-item">
						<text class="card-content-label_left ">总格:</text>
						<text class="card-content_right card-text-red">{{resp['总格']}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left ">总格数理:</text>
						<text class="card-content_right">{{resp['总格描述'].title}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left shrink-0">总格的解析:</text>
						<text class="card-content_right">{{resp['总格描述'].desc}}</text>
					</view>

				</block>

			</z-card>
			<z-card title="外格">
				<block v-if="resp">
					<view class="card-content-item">
						<text class="card-content-label_left ">外格:</text>
						<text class="card-content_right card-text-red">{{resp['外格']}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left ">外格数理:</text>
						<text class="card-content_right">{{resp['外格描述'].title}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left shrink-0">外格的解析:</text>
						<text class="card-content_right">{{resp['外格描述'].desc}}</text>
					</view>

				</block>

			</z-card>
			<z-card title="外格">
				<block v-if="resp">
					<view class="card-content-item">
						<text class="card-content-label_left ">外格:</text>
						<text class="card-content_right card-text-red">{{resp['外格']}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left ">外格数理:</text>
						<text class="card-content_right">{{resp['外格描述'].title}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left shrink-0">外格的解析:</text>
						<text class="card-content_right">{{resp['外格描述'].desc}}</text>
					</view>

					<view class="card-content-item">
						<text class="card-content-label_left ">三才配置:</text>
						<text class="card-content_right"> {{resp.三才}}</text>
					</view>
				</block>

			</z-card>
			<z-card title="姓名打分">
				<block v-if="resp">
					<view class="card-content-item">
						<text class="card-content-label_left ">姓名评分:</text>
						<text class="card-content_right card-text-red">{{resp.description.score}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left ">姓名简批:</text>
						<text class="card-content_right">{{resp.description.title}}</text>
					</view>
					<view class="card-content-item">
						<text class="card-content-label_left shrink-0">批注详解:</text>
						<text class="card-content_right">{{resp.description.description}}</text>
					</view>

				</block>

			</z-card>
			<view class="bottom-btns" style="transform: translateY(-100%);" @click="todashi">
				<view class="start-btn">
					<text>大师详解</text>
				</view>
			</view>


			<!-- 天 -->

			<!-- 地 -->

			<!-- 人 -->

			<!-- 总 -->

			<!-- 外 -->

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '姓名结果分析',
				desc: '本次测算结果仅供娱乐使用，请勿用于封建迷信和违法用途。',
				resp: null,
				keymap: {

				}
			}
		},
		onLoad(opt) {
			this.resp = JSON.parse(opt.params)
		},
		methods:{
			todashi(){
				uni.switchTab({
					url:'/pages/tabbar/service'
				})
			}
		}
	}
</script>
<style lang="scss" scoped></style>